<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>
    <HEAD>
        <meta http-equiv="Content-Language" content="en-us">

        <TITLE>Modelo Hibrido para Automatizar un Invernadero</TITLE><!--www.chinaz.com-->
        <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">
        <!-- ImageReady Preload Script (layout.psd) -->
        <SCRIPT TYPE="text/javascript">
            <!--
            function validar(){
                x=parseInt(document.formulario.username.value);
                if(isNaN(x)){
                    alert("usuario no valido" );
                    return false;}
                x=parseInt(document.formulario.password.value);
                if(isNaN(x)){
                    alert("Password no valido" );
                    return false;}
                return true;
            }
 

 
        </SCRIPT>

    </style>
    <style type="text/css">
        #TabMenu1
        {
            text-align: left;
            margin: 0px 0 1px 0;
            font-family: "Comic Sans MS";
            font-size: 27px;
            font-weight: normal;
            list-style-type: none;
            padding: 22px 0px 3px 10px;
        }
        #TabMenu1 li
        {
            display: inline;
        }
        #TabMenu1 a:link.active, #TabMenu1 a:visited.active, #TabMenu1 a:hover.active
        {
            border-bottom: 1px solid #F7F9FC;
            background-color: #F7F9FC;
            color: #005500;
            position: relative;
            padding-top: 3px;
            font-weight: normal;
            text-decoration: none;
        }
        #TabMenu1 a:link, #TabMenu1 a:visited
        {
            padding: 3px 4px;
            border: 1px solid #FFFFFF;
            background-color: #FFFFFF;
            color: #1C3B69;
            margin-right: 0px;
            text-decoration: none;
            border-bottom: none;
        }
        #TabMenu1 a:hover
        {
            background: #F7F9FC;
            color: #000000;
            font-weight: normal;
            text-decoration: none;
        }
    </style>
    <style type="text/css">
        #TabMenu2
        {
            text-align: left;
            margin: 0px 0 1px 0;
            font-family: "Comic Sans MS";
            font-size: 27px;
            font-weight: normal;
            list-style-type: none;
            padding: 22px 0px 3px 10px;
        }
        #TabMenu2 li
        {
            display: inline;
        }
        #TabMenu2 a:link.active, #TabMenu2 a:visited.active, #TabMenu2 a:hover.active
        {
            border-bottom: 1px solid #F7F9FC;
            background-color: #F7F9FC;
            color: #005500;
            position: relative;
            padding-top: 3px;
            font-weight: normal;
            text-decoration: none;
        }
        #TabMenu2 a:link, #TabMenu2 a:visited
        {
            padding: 3px 4px;
            border: 1px solid #FFFFFF;
            background-color: #FFFFFF;
            color: #1C3B69;
            margin-right: 0px;
            text-decoration: none;
            border-bottom: none;
        }
        #TabMenu2 a:hover
        {
            background: #F7F9FC;
            color: #000000;
            font-weight: normal;
            text-decoration: none;
        }
    </style>


    <style type="text/css">
        #TabMenu3
        {
            text-align: left;
            margin: 0px 0 1px 0;
            font-family: "Comic Sans MS";
            font-size: 27px;
            font-weight: normal;
            list-style-type: none;
            padding: 22px 0px 3px 10px;
        }
        #TabMenu3 li
        {
            display: inline;
        }
        #TabMenu3 a:link.active, #TabMenu3 a:visited.active, #TabMenu3 a:hover.active
        {
            border-bottom: 1px solid #F7F9FC;
            background-color: #F7F9FC;
            color: #005500;
            position: relative;
            padding-top: 3px;
            font-weight: normal;
            text-decoration: none;
        }
        #TabMenu3 a:link, #TabMenu3 a:visited
        {
            padding: 3px 4px;
            border: 1px solid #FFFFFF;
            background-color: #FFFFFF;
            color: #1C3B69;
            margin-right: 0px;
            text-decoration: none;
            border-bottom: none;
        }
        #TabMenu3 a:hover
        {
            background: #F7F9FC;
            color: #000000;
            font-weight: normal;
            text-decoration: none;
        }
    </style>


    <link href="style.css" rel="stylesheet" type="text/css">


</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 >
    <!-- ImageReady Slices (layout.psd) -->
    
       
    
    <TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
        <TR>
            <TD COLSPAN=4 ROWSPAN=1>
                <IMG SRC="images/arequipa.png" WIDTH=100%    HEIGHT=200 ALT=""></TD>

            <TD COLSPAN=4 ROWSPAN=1>
                <IMG SRC="images/logo.png" WIDTH=100% HEIGHT=200 ALT=""></TD>
            <TD COLSPAN=4 ROWSPAN=1>
                <IMG SRC="images/arequipa.png" WIDTH=100% HEIGHT=200 ALT=""></TD>
        </TR>

    </TABLE>

    <!-- CUERPO DE LA PAGINA WEB -->



    <!-- parte final de web -->    
    <TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
        <TR>

            <TD COLSPAN=11 background="images/layout_24.gif" WIDTH=760 height="34">
                <p align="center"><b><font size="1">2012 (C) CopyRight Creaciones desarrollo UNSA
                        </font><u><font size="1"></font></u></b></TD>
        </TR>


    </TABLE>

    <div>
        
        <img src="images/icono1.png" style="cursor:pointer; position:absolute; left:30%; top:45% ">
        <img src="images/icono1.png" style="cursor:pointer; position:absolute; left:25%; top:55% ">
        <img src="images/icono1.png" style="cursor:pointer; position:absolute; left:23%; top:67% ">

        <img src="images/nuevo.png" onmouseover="this.width=48;this.height=48;" onmouseout="this.width=40;this.height=40;" style="position:absolute; left:30.5%; top:46% ">
        <img src="images/consulta.png"onmouseover="this.width=45;this.height=45;" onmouseout="this.width=36;this.height=36;" style="position:absolute; left:25.7%; top:56%  ">
        <img src="images/salir.png" onmouseover="this.height=45;" onmouseout="this.width=35;this.height=35;" style="position:absolute; left:23.8%; top:68.3% ">


        <ul id="TabMenu1" style ="position:absolute; top:42%;left:33.3%">
            <li><a href="bandejaEntradaEnlace.jsp?nombreU=${nombreU}&apellidoU=${apellidoU}">Bandeja Tramite Documentario</a></li>
        </ul>
        

        <ul id="TabMenu2" style ="position:absolute; top:53%;left:28.5%">
            <li><a href="#">Consultar Tramite Documentario</a></li>
        </ul>


        <ul id="TabMenu3" style ="position:absolute; top:64%;left:26.5%">
            <li><a href="index.jsp">Salir</a></li>
        </ul>
       
     
       


        <!-- End ImageReady Slices -->
</BODY>
</HTML>